<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jQuery实现Tab切换</title>
	<link rel="stylesheet" href="style.css">

</head> 
<body>
	<div class="wrapper">
	<header>
		<nav>
			<a class="on">首页</a>
			<a>作品</a>
			<a>关于</a>
			<a>联系</a>
		</nav>
	</header>
	<main>
		<section class="show">
			<h1>首页</h1>
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam officia eveniet repudiandae enim inventore ducimus ipsam consequatur saepe eligendi molestiae itaque deserunt accusantium, rem iure blanditiis, quae impedit neque sapiente?
		</section>
		<section class="hide">
			<h1>作品</h1>
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus modi, ipsa ratione eius et placeat minus eos vel veritatis, temporibus, voluptates ducimus commodi doloremque adipisci dolor omnis rerum vero explicabo!
		</section>
		<section class="hide">
			<h1>关于</h1>
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis et consectetur, aliquid! Sapiente esse minus dignissimos, assumenda unde labore incidunt tempore quisquam reiciendis reprehenderit in accusantium, quaerat, saepe mollitia magnam!
		</section>
		<section class="hide">
			<h1>联系</h1>
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas nulla maiores nobis blanditiis quisquam voluptatibus dolores in harum vero nisi, autem rerum nesciunt, illum distinctio ipsam dolore molestias totam, explicabo.
		</section>
	</main>
	</div>
	<script src="jquery-3.2.0.min.js"></script>
	<script src="global.js"></script>
</body>
</html>